<template>
  <div class="page1">
    <!-- star  -->
    <div class="start_nav"></div>

    <div class="header">
      <div>
        <div class="logo">
          <img :src="logoUrl" />
          <span>恋爱密室</span>
        </div>
        <div class="navigation-row">
        </div>
      </div>
    </div>
    <div class="slgan">
      <div>高端私密交友，陪游陪玩，屌丝勿扰</div>
    </div>
    <!-- banner start -->
    <div class="banner">
                <div class="phone">
                  <img :src="phoneImg" />
                  <div class="phone_banar">
                    <el-carousel trigger="click" indicator-position="none">
                      <el-carousel-item>
                        <img :src="bannar1" alt />
                      </el-carousel-item>
                      <el-carousel-item>
                        <img :src="bannar2" alt />
                      </el-carousel-item>
                      <el-carousel-item>
                        <img :src="bannar3" alt />
                      </el-carousel-item>
                      <el-carousel-item>
                        <img :src="bannar4" alt />
                      </el-carousel-item>
                      <el-carousel-item>
                        <img :src="bannar5" alt />
                      </el-carousel-item>
                      <el-carousel-item>
                        <img :src="bannar6" alt />
                      </el-carousel-item>
                    </el-carousel>
                  </div>
                </div>
    </div>
    <!-- banner end -->
    <div class="dwon_nav">
      <div>
        <div>
          <img :src="downbg" />
          <div class="float_continer" @click="IosDown">
            <img :src="ioslog" />
            <span>苹果点击下载</span>
          </div>
        </div>
        <div>
          <img :src="downbg" />
          <div class="float_continer" id="donwad" @click="andrioDown">
            <img :src="anchorslog" />
            <span>安卓点击下载</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import axios from "~/plugins/axios";
import { dateFormat } from "~/utils/index";
import md5 from "js-md5";
export default {
  name: "appdown",
  head() {
    return {
      title: "高端交友约会社区-私密约会撩妹神器app下载",
      meta: [
        {
          hid: "description",
          name: "description",
          content:
            "恋爱密室是一款优质且真实靠谱的交友约会app,为您提供优质的单身交友信息,打造品质约会平台,让财富遇见浪漫,恋爱密室都可以成为你的表白神器,独具的约会表白,定制属于你的爱,给你一个全新的相遇,开启零距离交友体验~"
        },
        {
          name: "keywords",
          content: "恋爱密室高端交友约会社区,附近聊天约会,约会神器app下载,成都单身交友,同城交友平台,约会交友软件,恋爱密室app安装下载"
        }
      ]
    };
  },
  async asyncData({ params }) {
    // try {
    //   const ss = {
    //     classStr: "",
    //     page: 1,
    //     pageSize: 8,
    //     sign: md5(String(1) + String(8))
    //   };
    //   const [
    //     {
    //       data: { data }
    //     },
    //     {
    //       data: {
    //         data: { records }
    //       }
    //     }
    //   ] = await Promise.all([
    //     axios.post("https://www.lovemsss.cn/bg/operateWeb/getBanners"),
    //     axios.post(
    //       "https://www.lovemsss.cn/bg/operateWebArticle/pageListArticle",
    //       ss
    //     )
    //   ]);
    //   return {
    //     banarList: data, //bannar 图片
    //     articleList: records // 文章列表  （8个)
    //   };
    // } catch (err) {
    //   error({ statusCode: 404 });
    // }
  },
  data() {
      return {
            logoUrl: require("@/assets/article/logo.png"),
            downbg: require("@/assets/appImg/downbtn.png"),
            anchorslog: require("@/assets/appImg/adro.png"),
            ioslog: require("@/assets/appImg/ios.png"),
            phoneImg: require("@/assets/appImg/phone.png"),
            bannar1: require("@/assets/home/bannar/1.jpg"),
            bannar2: require("@/assets/home/bannar/2.jpg"),
            bannar3: require("@/assets/home/bannar/3.jpg"),
            bannar4: require("@/assets/home/bannar/4.jpg"),
            bannar5: require("@/assets/home/bannar/5.jpg"),
            bannar6: require("@/assets/home/bannar/6.jpg"),
      }
  },
  methods:{
    //  安卓下载按钮  
    andrioDown(){
      let isWeiXin = () => { return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1 }
      if (isWeiXin()) {
        window.location.href="https://sj.qq.com/myapp/detail.htm?apkName=com.jianghu.lams"
      } else {
        window.location.href="https://loveyouke.lovemsss.com/lams_app_10_jiagu_sign.apk"
      }
      
    },
    // 苹果 下载按钮
    IosDown(){
    }
  }
};
</script>
<style scoped>
@import "../../assets/appImg/appImg.css";
div >>> .el-carousel__item img{
    width: 100%;
}
.phone_banar >>> .el-carousel{
    position: relative; width: 100%; height: 100%;
}

</style>